<%-- 
    Document   : empleadoList
    Created on : 18/11/2012, 07:47:39 PM
    Author     : IVAN
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<c:set var="contextPath" value="${pageContext.request.contextPath}"/>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

<html>
    <head>
        <title>Lista de Empleados</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link type="text/css" href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
        <link href="bootstrap/css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css">
        <link rel="apple-touch-icon-precomposed" sizes="144x144" href="bootstrap/img/ico/apple-touch-icon-144-precomposed.png">
        <link rel="apple-touch-icon-precomposed" sizes="114x114" href="bootstrap/img/ico/apple-touch-icon-114-precomposed.png">
        <link rel="apple-touch-icon-precomposed" sizes="72x72" href="bootstrap/img/ico/apple-touch-icon-72-precomposed.png">
        <link rel="apple-touch-icon-precomposed" href="bootstrap/img/ico/apple-touch-icon-57-precomposed.png">
        <style>     
            body {
                padding-top: 60px; /* 60px to make the container go all the way to the bottom of the topbar */
            }
        </style>
        <script src="js/jquery-1.8.3.min.js" type="text/javascript"></script>
        <script src="bootstrap/js/bootstrap-alert.js" type="text/javascript"></script>
        <script src="bootstrap/js/bootstrap-button.js" type="text/javascript"></script>
    </head>
    <body>
        <div class="navbar navbar-inverse navbar-fixed-top">
            <div class="navbar-inner">
                <div class="container">
                    <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </a>
                    <a class="brand" href="#">Proyecto de Integración de Aplicaciones</a>
                </div>
            </div>
        </div>
        <div class="container">
            <div class="row-fluid show-grid">
                <fieldset class="well">
                    <h2>Lista de Empleados</h2>
                    <hr class="soften">
                    <p>
                        <a class="btn btn-primary" href="empleadoList.htm?action=loadCreateUpdateEmpleado"><i class="icon-plus icon-white"></i> Agregar Empleado</a>
                    <p>
                    <center>
                        <table class="table table-hover table-bordered table-striped" >

                            <tr class="info">
                                <td>Nombres</td>
                                <td>Apellidos</td>
                                <td>Direccion</td>
                                <td>Dni</td>
                                <td>Email</td>
                                <td>Tipo Empleado</td>
                                <td>Sueldo</td>
                                <td colspan="2">Opciones</td>
                            </tr>


                            <c:forEach items="${empleados}" var="empleado">
                                <tr>
                                    <td>${empleado.nom_empleado}</td>
                                    <td>${empleado.ape_empleado}</td>
                                    <td>${empleado.direccion}</td>
                                    <td>${empleado.dni}</td>
                                    <td>${empleado.email}</td>
                                    <td>${empleado.descTipoEmpleado}</td>
                                    <td>${empleado.sueldo}</td>
                                    <td colspan="2" align="center">

                                        <a alt="Editar" class="btn btn-warning" onclick="javascript:document.location='empleadoList.htm?action=loadCreateUpdateEmpleado&id=${empleado.id_empleado}';"><i class="icon-edit icon-white"></i></a>
                                        &nbsp;
                                        <a alt="Eliminar" class="btn btn-danger" onclick="javascript:document.location='empleadoList.htm?action=deleteEmpleado&id=${empleado.id_empleado}';"><i class="icon-remove icon-white"></i></a>

                                    </td>
                                </tr>
                            </c:forEach>

                        </table>
                    </center>
                </fieldset>
            </div>
        </div>
    </body>
</html>
